// 1.去注册页面
document.querySelector(".goReg").addEventListener('click',function(){
    location.href = './register.html'
})


// 2.登录功能
const form = document.querySelector('.login form')
form.addEventListener('submit',function(e){
    // 1.阻止表单的默认提交功能
    e.preventDefault()

    // 2.收集表单的数据
    const username = document.querySelector('[name=username]').value
    const password = document.querySelector('[name=password]').value

    // 3.验证数据的合法性
    if(username.trim()==="" || password.trim()==='') return toastr.error('用户名或密码不能为空')
    if(!/^\S{2,15}$/.test(username)) return toastr.error("用户名在2~15位之间")
    if(!/^\S{6,15}$/.test(password)) return toastr.error("密码在6~15位之间")

    // 4.ajax发送数据
    const data = `username=${username}&password=${password}`
    axios.post('/api/login',data).then(res=>{
        console.log(res);
        const {code,token} = res.data
        if(code===0){
            // 1.将token存在本地存储 localStorage
            localStorage.setItem('token',token)
            // 2.去后台的首页
            location.href = './index.html'
        }else {
            // 1.清空表单
            this.reset()
        }
    })
})